<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>05_猜数字</title>
</head>
<body>
<h3>已生成一个1~100之间的随机数</h3>
<input type="text" placeholder="请输入你猜的数字">
<button onclick="guess()">点我验证</button>
<h4>小提示：<span></span></h4>
<script>
    let n = parseInt(Math.random() * 100 + 1);
    console.log(n);
    var count = 0;

    function guess() {
        let num = document.querySelector("input").value;
        if (isNaN(num)) {
            alert('请输入有效数字！');
            return;
        }
        let spanE = document.querySelector("span");
        count++;
        if (num > n) {
            spanE.innerHTML = '猜大了';
        } else if (num < n) {
            spanE.innerHTML = '猜小了';
        } else {
            spanE.innerHTML = '恭喜你猜对了，一共猜了' + count + '次';
        }
    }
</script>
</body>
</html>